<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile"
	contentType="text/html"
    renderKitId="PRIMEFACES_MOBILE">

    <pm:page title="Claim lodged">

        <f:facet name="postinit">
            <h:outputStylesheet library="primefaces-mobile" name="calendar/calendar.css"  />
            <h:outputScript library="primefaces" name="gmap/gmap.js" />
            <h:outputScript library="primefaces-mobile" name="calendar/calendar.js" />            
			<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<!-- 
            <script type="text/javascript">
                (function($) {
                    $.mobiscroll.i18n['pt_BR'] = $.extend($.mobiscroll.i18n['pt_BR'], {
                        dateFormat: 'dd/mm/yy',
                        dateOrder: 'ddMMyy',
                        dayNames: ['Domingo', 'Segunda-feira', 'Terça-feira', 'Quarta-feira', 'Quinta-feira', 'Sexta-feira', 'Sábado'],
                        dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'],
                        dayText: 'Dia',
                        hourText: 'Hora',
                        minuteText: 'Minutos',
                        monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
                        monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
                        monthText: 'Mês',
                        secText: 'Segundo',
                        timeFormat: 'HH:ii',
                        timeWheels: 'HHii',
                        yearText: 'Ano',
                        setText: 'Selecionar',
                        cancelText: 'Cancelar',
                        nowText: 'Agora'
                    });
                })(jQuery);
            </script>
      -->       
		</f:facet>

        <!-- Main View -->
        <pm:view id="main" swatch="d">
        
            <h:form id="newClaimFormLodged" enctype="multipart/form-data">
	            <pm:header title="Claim lodged" swatch="b" >
	            </pm:header>
	
	            <pm:content>
	            <p>Thank you for lodging your claim. A representative will be in contact soon.</p>
		            <p:column>
							<p:outputLabel for="claimNo">Claim Number: </p:outputLabel>

							<h:outputText id="claimNo" value="#{claimView.claimNoFromURL}"/>
					</p:column>
					
				</pm:content>
            </h:form>
 
        </pm:view>

    </pm:page>

</f:view>